<!DOCTYPE html>
<html class="ui-page-login">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>我的账户</title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/icons-extra.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
		<style>
			input[type=file] {position: absolute;top: 50px;left: 42%; height: 160px;border: none!important;opacity: 0;cursor: pointer;width: 16%;height: 60px;}
		</style>
	</head>
	<body>
		<!--<header class="mui-bar mui-bar-transparent">
			<button class="mui-btn mui-btn-link mui-pull-right">
				<span class="mui-icon mui-icon-right-member"></span>
			</button>
		</header>-->
		<!-- 底部跳转  -->
		<nav class="mui-bar mui-bar-tab">
			<a id="Tab1" class="mui-tab-item" href="#" onclick="_hrerf('Tab1')">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a id="Tab2" class="mui-tab-item" href="#" onclick="_hrerf('Tab2')"> 
				<span class="mui-icon-extra mui-icon-extra-gold"></span>
				<span class="mui-tab-label">分期</span>
			</a>
			<a id="Tab3" class="mui-tab-item mui-active" href="#" onclick="_hrerf('Tab3')">
				<span class="mui-icon-extra mui-icon-extra-peoples"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<div class="mui-content member">
			<div class="mlinearbg linearbg">
				<ul class="mui-table-view top">
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right" href="#">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-xs-2 middle mui-text-center">
				                    <img class="headimg" src="images/wt.png" >
									<input type="file" accept="image/*" capture="camera"  id="cardfronts" onchange="setImagePreview(this,'00');">
									<input type="hidden" name="headimageurl">
				                </div>
				                <div class="mui-table-cell mui-col-xs-8 middle">
				                    <div id="name" class="write">闫凌云</div>
				                    <p class="size14 gray" id="">18983047141</p>
				                </div>		                
				            </div>
						</a>						
					</li>
				</ul>
				<div class="mui-table money">
					<div class="mui-table-cell mui-col-xs-6 mui-text-center">
						<p class="amount write">1330.00</p>
						<p class="amountinit gray">借款总额（元）</p>
					</div>
					<div class="mui-table-cell mui-col-xs-6 mui-text-center">
						<p class="amount write">524.00</p>
						<p class="amountinit gray">每月还款（元）</p>
					</div>
				</div>												
			</div>								
			<div class="line"></div>
			<ul class="mui-table-view mui-table-view-chevron">
				<li class="mui-table-view-cell">
					<a href="#" class="mui-navigate-right" >
						<span class="mui-icon mui-icon-hhservice"></span>我的借款						
					</a>
				</li>
			</ul>									
		</div>				
	</body>
	<script src="js/mui.min.js"></script>
	<script src="js/jquery-1.8.3.min.js"></script>
	<script>
		/*************************** 菜单跳转 ****************************/
		function _hrerf(href) {				
			if(href === "Tab1") {					
				location.href = '';
			}else if(href === "Tab2") {					
				location.href = '';
			} else if(href === "Tab3") {					
				location.href = '';					
			} 
		}				
	</script>
</html>